<script>
export default {
    name: "customSwiper",
    data() {
        return {
            title: 'Hello',
            autoplay: true,
            interval: 1000,
            duration: 1000,
            indicatorDots: true,
            id: "",
            banners: []
        }
    },
    props: {
        imageList: {
            type: Array,
            default: function() {
                return []
            }
        },
        hpx: {
            type: String,
            default: "300px"
        }
    },
    onLoad() {
    }
}
</script>

<template>
    <view>
        <swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval"
            :duration="duration">
            <swiper-item v-for="(item, key) in imageList" :key="key">
                <view class="swiper-item uni-bg-red">
                    <img :src="imagePath+item.iurl" alt="" />
                </view>
            </swiper-item>
        </swiper>
    </view>
</template>

<style scoped>
.swiper {
    height: 13rem;
}

.swiper img {
    width: 100%;
    height: 100%;
}
</style>
